<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DMVSystem</title>
    <link rel="stylesheet" href="../static/css/DMVSystem.css">
    <script src="../static/echarts/echarts.min.js"></script>
    <script src="../static/js/testEcharts.js"></script>
</head>
<body>

<!-- 首屏主要内容 -->
<div id="container">
    <div id="main">
        <h1 id="top">可视化系统</h1>
        <div id="left">
            <ul class="yi">
                <li class="active">
                    <a href="">数据源</a>
                </li>
                <li>
                    <a href="">可视化</a>
                </li>
            </ul>
        </div>

        <div id="right">
            <div id="title">
                <h2 class="title_font">数据源</h2>
            </div>
            <div id="page">
                <ul class="rpt">
                    <li>
                        <span class="active">参考数据源</span>
                    </li>
                </ul>

                <ul class="source">
                    <li>
                        <img src="../images/KNN.png" alt="">
                        <h3>Tree集</h3>
                        <p title="">在二次创作的数据集中感受“近朱者赤近墨者黑”！</p>
                        <span><a href="">导入数据集</a></span>
                    </li>

                    <li>
                        <img src="../images/线性回归.png" alt="">
                        <h3>房价集</h3>
                        <p title="">让AI为您摇身一变为房地产大亨！</p>
                        <span><a href="/cart-training/housing.csv">导入数据集</a></span>
                    </li>
                    <li>
                        <img src="../images/逻辑回归.png" alt="">
                        <h3>简化鸢尾花集</h3>
                        <p title="">划分界限！</p>
                        <span><a href="">导入数据集</a></span>
                    </li>
                    <li>
                        <img src="../images/SVM.png" alt="">
                        <h3>乳腺癌集</h3>
                        <p title="">AI如何在29个指标的数据中判断乳腺癌？</p>
                        <span>导入数据集</span>
                    </li>
                    <li>
                        <img src="../images/决策树.png" alt="">
                        <h3>森林火灾集</h3>
                        <p title="">AI也能摇身一变为森林火警指挥系统！</p>
                        <span>导入数据集</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>

</div>

<script src="js/DMVSystem.js"></script>
</body>
</html>